// width
@w: 1200px;
// img
@img_w: 80px;
@logo-w: 124px;
@logo-h: 50px;
@w200: 200px;
@w300: 300px;

.logo {
  width: @logo-w;
  height: @logo-h;
}

// fontSize
@f10: 10px;
@f12: 12px;
@f14: 14px;
@f16: 16px;
@f18: 18px;
@f20: 20px;
@f28: 28px;
@f30: 30px;
@f32: 32px;
@f40: 40px;
@weight: bold;
// color
@grays:#f5f5f5;
@gray: #F2F2F2;
@white: #fff;
@black: #282828;
@red: #f96868;
@green: #49CEC4;
@yellow: #ffae6b;
@icon: #3E3E3E;
@color: #3E3E3E;
@bor:#E2E2E2;
// border
@bordercolor: #ccc;
@border: 1px solid @bordercolor;
@bors: 1px solid @bor;
@borders: 1px solid @green;
@radius: 6px;
// padding
@p: 10px 8px;
@p10: 10px 0;
@p15: 15px 0;
@p20: 20px 0;
@p30: 30px 0;
@p_c: 0 10px;
// margin
@m10: 10px; //左
@m-r5: 5px;
@m_auto: 0 auto;
.transition{
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: @black;
}

.box {
  width: @w;
  margin: @m_auto;
}

.flex {
  display: flex !important;
}

.grid {
  display: grid !important;
}

.none {
  display: none;
}

.block {
  display: block !important;
}

img,a {
  display: block;
}

.bgcolor {
  background: @green;
}

.left_t {
  left: 0;
  top: 0
}

.left_b {
  left: 0;
  bottom: 0
}

.right_t {
  right: 0;
  top: 0
}

.right_b {
  right: 0;
  bottom: 0;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;

}

.pf {
  position: fixed;
}

div,
span,
input,
img,
p,
a {
  box-sizing: border-box;
}

.i_r {
  margin-right: @m-r5;
}

.i_l {
  margin-left: 10px;
}

.j_center {
  justify-content: center;
  align-items: center;
}

.j_end {
  justify-content: flex-end;
  align-items: center;
}

.j_between {
  justify-content: space-between;
  align-items: center;
}

.f_d {
  flex-direction: column;
}
.dian1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.dian2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
